{%include file="index.header.tpl.php"%}
{%include file="index.left.tpl.php"%}
  <!--主要内容开始-->
<div class="content-wrapper">
    <section class="content">
      <div class="row">
        <section class="col-lg-12 connectedSortable">
         <div class="box box-default box-solid">
             <form name="myform" action="" method="post" role="form" enctype="multipart/form-data"> 
                <div class="box-header with-border">
                    <span class="fa fa-pencil" style="float:left; font-size:18px; padding-top:3px; color:#3c8dbc;" ></span>
                    <p class="box-title">添加</p>
                </div>
                <div class="box-body">
                 
                 <div class="form-group">
                      <label for="inputPassword3" class="col-md-1 control-label text-right" style="padding-right:0; padding-left:0; font-weight:500;">
                         学号：
                        </label>
                        <div class="input-group col-md-4 col-sm-12 col-xs-12">
                          <input type="text" name="student_id">
                        </div> 
                  </div>
                   <div class="form-group">
                      <label for="inputPassword3" class="col-md-1 control-label text-right" style="padding-right:0; padding-left:0; font-weight:500;">
                           学生姓名：
                        </label>
                        <div class="input-group col-md-4 col-sm-12 col-xs-12">
                            <input type="text" name="studnet_name">
                        </div> 
                  </div>
                   <!-- 时间日历标签 -->
                  <div class="form-group">
                        <label for="inputPassword3" class="col-md-1 control-label text-right" style="padding-right:0; padding-left:0; font-weight:500;">
                                              时间：
                                            </label>
                          <div class="input-group col-sm-2" style="float:left;">
                          <input id="from" class="form-control" value="" name="message_date" type="text">
                          <div class="input-group-addon" style="padding:6px 7px;">
                          <i class="fa fa-calendar"></i>
                          </div>
                          </div>
                  </div>
    <div style="clear: both;height: 20px;"></div>
                  <div class="form-group">
                       <label for="inputPassword3" class="col-md-1 control-label text-right" style="padding-right:0; padding-left:0; font-weight:500;">
                             内容：
                        </label>
                        <div class="input-group col-md-9 col-sm-12 col-xs-12" >
                               <textarea id="category_content" name="message_con" rows="4" style="width: 80%;"> </textarea>
                        </div> 
                  </div>
                  <div class="form-group">
                      <label for="inputPassword3" class="col-md-1 control-label text-right" style="padding-right:0; padding-left:0; font-weight:500;">
                             附件：
                      </label>
                      <div class="input-group col-md-4 col-sm-12 col-xs-12">
                          <input type="file"  name="message_file" multiple="mutiple">
                      </div> 
                  </div>
                </div><!--box-body --> 
                <div class="box-footer text-center">
                     <button class="btn btn-primary" type="submit">保 存 </button>
                     <button class="btn btn-primary" type="reset">重 置 </button>
                 </div>
             </form>
           </div><!--box box-default box-solid-->
        </section>   
           
        </div><!--row-->
    </section>
</div>
  <!--主要内容结束-->
{%include file="index.footer.tpl.php"%}
<script>
/* 日历编辑*/
  $(function() {
    $( "#from" ).datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      changeYear: true,
      numberOfMonths:1,
      onClose: function( selectedDate ) {
        $( "#to" ).datepicker( "option", "minDate", selectedDate );
      }
    });
    $( "#to" ).datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      changeYear: true,
      numberOfMonths:1,
      onClose: function( selectedDate ) {
        $( "#from" ).datepicker( "option", "maxDate", selectedDate );
      }
    });
  });
  </script>